<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:i="http://java.sun.com/jsf/composite/components/presentacion" 
                template="./../../plantillas/defaultTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">
        Reporte de Planilla de Empleados
    </ui:define>

    <ui:define name="dialogos" />


    <ui:define name="acciones">
        <p:tab title="Otras acciones">
            <h:panelGrid columns="1">
                <p:commandLink styleClass="opcionMenu textoNormal" ajax="true" action="#{reportePlanilla.inicio$action}" update="principalForm:mensajes" onmouseover="this.className='opcionMenu textonegrita';" onmouseout="this.className='opcionMenu textonormal';">
                    <p:graphicImage value="/resources/iconos/application-exit.png"/>
                    <h:outputText value="Cancelar" styleClass="espacioTexto"/>
                </p:commandLink>
            </h:panelGrid>
        </p:tab>
    </ui:define>

    <ui:define name="contenido">
        <p:spacer height="15" />
        <p:panel id="panelReportePlanilla" style="border: none;" >
            <h:panelGrid columns="2" >
                <i:etiquetaRequerido value="Tipo de planilla" />
                <h:selectOneMenu id="LstTipoPlanilla" style="height: 25px;padding-top: 3px;width: 300px;" label="Tipo Planilla" value="#{reportePlanilla.tipoPlanilla}" >                       
                    <f:ajax render="panelReportePlanilla" event="change" execute="LstTipoPlanilla" listener="#{reportePlanilla.seleccionarTipoPlanilla}" />
                    <f:selectItem itemValue="-1" itemLabel="[ SELECCIONE TIPO PLANILLA ]" />
                    <f:selectItems value="#{reportePlanilla.listaTipos}" var="tipo" itemValue="#{tipo.tiposPlanillaPK.codTipopla}" itemLabel="#{tipo.nomTipopla}"/>
                </h:selectOneMenu>

                <i:etiquetaRequerido value="Programaci&#243;n planilla" />
                <h:panelGroup>
                    <h:panelGrid columns="1">
                        <p:autoComplete id="AutCompltProgPla" forceSelection="true" var="programacionPla" 
                                        value="#{reportePlanilla.proPlaSeleccionada}"
                                        itemValue="#{programacionPla.pkAsString}" itemLabel="#{programacionPla.stringProgramacionPla}"
                                        completeMethod="#{reportePlanilla.completeProgramacionPla}"
                                        converter="#{reportePlanilla.programacionPlaConverter}" >
                        </p:autoComplete>

                        <i:etiquetaPlanilla />
                    </h:panelGrid>
                </h:panelGroup>
                <h:outputLabel value="Departamento"  style="font-weight: bold;" />
                <h:selectOneMenu id="lstDepto" value="#{reportePlanilla.codDepto}" style="height: 25px;padding-top: 3px; width: 300px;" >
                    <f:selectItem itemLabel="[ TODOS LOS DEPARTAMENTOS ]"    itemValue="0"/>
                    <f:selectItems value="#{reportePlanilla.listaDeptos}" var="depto" itemValue="#{depto.departamentosPK.codDepto}"  itemLabel="#{depto.nomDepto}"/>
                </h:selectOneMenu>
                <h:outputLabel value="" />
                <p:commandButton value="Imprimir reporte" image="ui-icon-print" ajax="false" action="#{reportePlanilla.imprimirReporte}" />
            </h:panelGrid>
        </p:panel>
    </ui:define>

</ui:composition>
